<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>();

</script>


<template>
  <div class="card">
    <el-card class="box-card">
      <h1 style="text-align: center">固废浸出液 电感耦合等离子体质谱法分析原始记录（B面）</h1>
      <div>SXLPHJ/JL/CX-22-106</div>
      <div style="display: flex;">
        <table class="table">
          <tr>
            <td colspan="5" style="text-align: center;">溶液配制</td>
          </tr>
          <tr>
            <td>标准贮备液批号</td>
            <td>标准贮备液浓度</td>
            <td>贮备液有效日期</td>
            <td>标准使用液浓度</td>
            <td>配置日期</td>
          </tr>
          <tr v-for="(item,index) in waterForm.bdatas.rypz" :key="index">
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bzzbyph"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bzzbynd"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.zbyyxrq"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bzsyynd"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.pzrq"/>
            </td>
          </tr>
        </table>
        <table class="table">
          <tr>
            <td colspan="8" style="text-align: center;">标准曲线</td>
          </tr>
          <tr>
            <td>元素</td>
            <td colspan="7">
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.ys1"/>
            </td>
          </tr>
          <tr>
            <td>编号</td>
            <td>标准空白</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
          </tr>
          <tr>
            <td>标准使用液加入量（mL）</td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzsyy1"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzsyy2"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzsyy3"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzsyy4"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzsyy5"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzsyy6"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzsyy7"/>
            </td>
          </tr>
          <tr>
            <td>标准物质浓度（μg/L）</td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzwznd1"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzwznd2"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzwznd3"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzwznd4"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzwznd5"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzwznd6"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.bzwznd7"/>
            </td>
          </tr>
          <tr>
            <td>校准曲线(y=a+bx)，r</td>
            <td colspan="4">
              曲线信息见 第 页至 页
            </td>
            <td>
              定容体积
            </td>
            <td colspan="2">
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.bzqx.drtj"/>
            </td>
          </tr>
        </table>
      </div>
      <table class="table">
        <tr>
          <td colspan="6">元素</td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.ys.ys1"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.ys.ys2"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.ys.ys3"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.ys.ys4"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.ys.ys5"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.ys.ys6"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.ys.ys7"/>
          </td>
        </tr>
        <tr>
          <td rowspan="3">校核点</td>
          <td colspan="3" rowspan="3">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.ypbh"/>
          </td>
          <td colspan="2">测定值( )</td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.cdz1"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.cdz2"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.cdz3"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.cdz4"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.cdz5"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.cdz6"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.cdz7"/>
          </td>
        </tr>
        <tr>
          <td colspan="2">相对偏差( )</td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.xdpc1"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.xdpc2"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.xdpc3"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.xdpc4"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.xdpc5"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.xdpc6"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.xdpc7"/>
          </td>
        </tr>
        <tr>
          <td colspan="2">是否合格</td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.sfhg1"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.sfhg2"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.sfhg3"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.sfhg4"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.sfhg5"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.sfhg6"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jhd.sfhg7"/>
          </td>
        </tr>
        <tr>
          <td rowspan="14">加标回收</td>
          <td rowspan="4">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.ypbh1"/>
          </td>
          <td rowspan="4">标液浓度及加标量</td>
          <td rowspan="4">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.ypbh2"/>
          </td>
          <td colspan="2">加标前样品浓度(μg/L)</td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.ypnd1"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.ypnd2"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.ypnd3"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.ypnd4"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.ypnd5"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.ypnd6"/>
          </td>
          <td colspan="2">
            <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                      v-model="waterForm.bdatas.jbycd_fx.ypnd7"/>
          </td>
        </tr>
        <tr>
          <td colspan="2">加标前样品浓度(μg/L)</td>
          <td colspan="2" v-for="(value, index) in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`jbhypnd${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td colspan="2">回收率(%)</td>
          <td colspan="2" v-for="(value, index) in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`hsl_one${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td colspan="2">是否合格</td>
          <td colspan="2" v-for="(value, index) in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`sfhg_one${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td rowspan="4">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx.ypbh3"
            />
          </td>
          <td rowspan="4">标液浓度及加标量</td>
          <td rowspan="4">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx.ypbh4"
            />
          </td>
          <td colspan="2">加标前样品浓度( )</td>
          <td colspan="2" v-for="index in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`jbqypnd${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td colspan="2">加标后样品浓度( )</td>
          <td colspan="2" v-for="index in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`jbhypnd_tow${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td colspan="2">回收率(%)</td>
          <td colspan="2" v-for="(value, index) in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`hsl_tow${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td colspan="2">是否合格</td>
          <td colspan="2" v-for="(value, index) in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`sfhg_tow${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td rowspan="4">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx.ypbh5"
            />
          </td>
          <td rowspan="4">标液浓度及加标量</td>
          <td rowspan="4">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx.ypbh6"
            />
          </td>
          <td colspan="2">加标前样品浓度( )</td>
          <td colspan="2" v-for="index in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`byjbqypnd${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td colspan="2">加标后样品浓度( )</td>
          <td colspan="2" v-for="index in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`byjbhypnd${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td colspan="2">回收率(%)</td>
          <td colspan="2" v-for="(value, index) in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`hsl_three${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td colspan="2">是否合格</td>
          <td colspan="2" v-for="(value, index) in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`sfhg_three${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td colspan="5">基体重复加标相对偏差(%)</td>
          <td colspan="2" v-for="index in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`jbxdwc${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td colspan="5">是否合格</td>
          <td colspan="2" v-for="index in 7" :key="index">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.jbycd_fx[`jbsfhg${index}`]"
            />
          </td>
        </tr>
        <tr>
          <td colspan="4">质控要求</td>
          <td colspan="16">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.zkyq"
            />
          </td>
        </tr>
        <tr>
          <td colspan="4">备注</td>
          <td colspan="16">
            <el-input
                style="width: 100%; border: 1px solid transparent"
                placeholder="请输入"
                v-model="waterForm.bdatas.bnotes"
            />
          </td>
        </tr>
      </table>
    </el-card>
  </div>

</template>

<style scoped>
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse; /* 表格边框合并 */
  text-align: left; /* 默认左对齐 */
  font-size: 14px; /* 字体大小 */
  color: #606266; /* 默认字体颜色 */
}

.table th,
.table td {
  border: 1px solid #c2bfbf; /* 表格单元格边框颜色 */
  padding: 12px; /* 单元格内边距 */
}

.table th {
  background: #f5f7fa; /* 表头背景色 */
  font-weight: 600; /* 表头字体加粗 */
  color: #303133; /* 表头字体颜色 */
  text-align: center; /* 表头居中 */
}

.table td {
  width: 1%;
}

.table-td {
  display: flex;
  justify-content: center;
  font-weight: 500;
  color: #303133;
}


::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
  flex-direction: row-reverse;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
